import React from 'react';
import { Link } from 'react-router-dom';
import LogoHeader from '../../../components/Header/LogoHeader';

import styles from './index.module.less';

export default class Success extends React.Component {
  render() {
    const rightContent = (
      <div className={ styles.menuBox }>
        <Link className={ styles.menuItem } to='/'>首页</Link>
        <Link className={ styles.menuItem } to='/login'>登录</Link>
        <Link className={ styles.menuItem } to='/register'>注册</Link>
        <Link className={ styles.menuItem } to='/'>帮助中心</Link>
      </div>
    );

    return (
      <React.Fragment>
        <LogoHeader moduleName='重置密码' rightContent={ rightContent } />
        <div className={styles.content}>
          <div className={styles.box}>
            <div className={styles.text1}>
              <i className={`iconfont icon-chenggong ${styles.successIcon}`}></i>
            </div>
            <div className={styles.text2}>重置成功，请牢记新的登录密码</div>
            <div className={styles.text3}><Link to="/login">重新登录></Link></div>
          </div>
        </div>
      </React.Fragment>
    );
  }
}
